<template>
  <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
    <router-link to="/avatar">avatar</router-link>
    <router-link to="/empty">empty</router-link>
    <router-link to="/pagination">pagination</router-link>
    <router-link to="/popover">popover</router-link>
    <router-link to="/navbar">navbar</router-link>
    <router-link to="/editor">editor</router-link>
  </div>
  <router-view />
</template>
<script>
import ByMusic from "./components/music/index.js";
export default {
  data() {
      return {
        list: [
          {
            title: "\u5979",
            author: "\u4e0d\u53ef\u64a4\u9500",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=29747622&auth=11cbbc6b43bd7e5f2bba493328c66614ba91a586",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=3227066628477266&auth=5cf6bfe49352cbdd1202df3eb389ba22d8c37d43",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=29747622&auth=def310770b29a8361d4f373cf711b74f6c4d15d6",
          },
          {
            title: "\u5c0f\u5e74\u517d",
            author: "\u7a0b\u5609\u654f",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1346758452&auth=a199b9c300a4b5f1545ac89dfac8f1cefbf568e1",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164073490278&auth=dbcd384d4f35f41e62a770b7edade3bf7cb79a23",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1346758452&auth=1f712eaaae191e2dbeb867d18a6e947d2996bdd2",
          },
          {
            title: "\u624b\u653e\u5f00",
            author: "\u674e\u5723\u6770",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=114636&auth=da0cfca7dc94d5592fb19cc79cd2cfe2758c1016",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163106172461&auth=39ce8d5598f06e30a10a3a4d812e3f2fef8e0d02",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=114636&auth=c10d2d7c1eac4b3aa472a397fe83d24778198301",
          },
          {
            title:
              "\u8ff7\u4eba\u7684\u5371\u96693\uff08\u7ffb\u81ea dance flow\uff09 ",
            author: "FAFA",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1378032998&auth=1904d8701aed3e86e99ae205e33313e4983f092f",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164214987559&auth=ae358edc9e08520e6e1527d04d4689f0adb175c3",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1378032998&auth=87c8b1ea8af5bee1f83edc3da41a18e7cf7ee8ca",
          },
          {
            title: "\u5c71\u6942\u6811\u4e4b\u604b",
            author: "\u7a0b\u4f73\u4f73",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1381755293&auth=6c58a0b3cee9c4bb3578af962353bb1fff885ac2",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164260611202&auth=05d98adc4bb3c6c0bb0b9ac6a0a25c7b19d91854",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1381755293&auth=306cfaddb5cb5b9080f9011d7d15be959ffb25b1",
          },
          {
            title: "summertime",
            author: "cinnamons / evening cinema",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=531786301&auth=d442e71df85d4379787882b70c1f7a621997bf16",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163115353027&auth=7c3bf59e299afa93dcb2b1778b950f770f56ded9",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=531786301&auth=d2a3cdf77c63784d5c76c6866026cf272b045b1c",
          },
          {
            title: "\u4e0d\u8c13\u4fa0\uff08Cover \u8427\u5fc6\u60c5Alex\uff09",
            author: "CRITTY",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=482141126&auth=ff00032330442637a9b1e016b331d86a932c4e9a",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951162940006105&auth=6484203abc92b7f11434744b1d55acf26a4e7cd8",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=482141126&auth=f7c9257b1ffd21eb7bcb7ac196b596cbf0619cd2",
          },
          {
            title:
              "\u795e\u6b66\u9189\u76f8\u601d\uff08\u7ffb\u81ea \u4f18\u6211\u5973\u56e2\uff09 ",
            author: "\u53cc\u7b19",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=492591165&auth=2cbee807cdf0f54f34b1f3dce0a8685cdd0730e5",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951162981911749&auth=e6397ce7832b16bf06df43ff5a105509c45feff6",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=492591165&auth=6b6a6c7d508a850e3e10ab7e58f037bb1503e4a9",
          },
          {
            title: "\u7a7a\u5c71\u65b0\u96e8\u540e",
            author: "\u97f3\u9619\u8bd7\u542c / \u9526\u96f6",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1352002513&auth=95c93af9f5a81e9066144f86809f7a13f83e5eba",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163927362248&auth=f95c0cbad2e1829d7296ea32ca48c242faeb68d9",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1352002513&auth=758b49b9db9815288b171416b7ba0badfda0ff76",
          },
          {
            title: "Wonderful U (Demo Version)",
            author: "AGA",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=406475394&auth=7f9813f5ad597d46457209032ec4b051c7632bb9",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163412959613&auth=7234055151aa36ca3eca86f1976bcd4f319b1ab1",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=406475394&auth=754df027b6e4a49cfe05322f029fc6cb060cad72",
          },
          {
            title: "\u5e7f\u5bd2\u5bab",
            author: "\u4e38\u5b50\u5466",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1362125019&auth=31b150425a75ea68ec8e2870976f6ef112aa3312",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164036717561&auth=6ed78fdd949ac18dd9b4895ca07d0472e388562b",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1362125019&auth=3e51b8be80bacb710c81490baafa47f035c9f5da",
          },
          {
            title: "\u966a\u6211\u770b\u65e5\u51fa",
            author: "\u56de\u97f3\u54e5",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=27588486&auth=95908fc1c1170391a9c96b80a82fe87847774edc",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=5689972673812060&auth=cd63c0b7e167e1ec30dfdf41f3de0866ba8a5ce0",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=27588486&auth=ab0c13cb9e6a4ad6824a9154f954aaffccd90de7",
          },
          {
            title: "\u6625\u590f\u79cb\u51ac\u7684\u4f60",
            author: "\u738b\u5b87\u826f",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=412175360&auth=ead4055b1225bddcb1676eb55f731eacd851ebc9",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164264984887&auth=211f70503585136ccfa96b2ab69c5ade8f73ef95",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=412175360&auth=fb6df2b0a594951cc9cc581dc4395ab86ad1b87f",
          },
          {
            title:
              "\u4e16\u754c\u304c\u7ec8\u308f\u308b\u307e\u3067\u306f\u2026",
            author: "WANDS",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=4990424&auth=a73b6cc7df5847dbf7ea23ec3282b9d476fa6498",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=19045740416543667&auth=e1892e66ecc77f222bdf60c038aecaa1fa67fa47",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=4990424&auth=66f408d02e4d94b0f8feb527cd78a74ca0b442e5",
          },
          {
            title:
              "\u591a\u60f3\u5728\u5e73\u5eb8\u7684\u751f\u6d3b\u62e5\u62b1\u4f60",
            author: "\u9694\u58c1\u8001\u6a0a",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1346104327&auth=febd7a623be639e56d0aba3bdbfc4e566ef6fd5c",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164232796511&auth=eded8d1dccd9ea8df025771139b553e519768351",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1346104327&auth=3811d380c2401edbb48d0032bf4c44d772f6f7c5",
          },
          {
            title: "\u5343\u79a7",
            author: "\u5f90\u79c9\u9f99",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=522510615&auth=5ddad1fabac1bd88a574afa8a55625f206cd3368",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163078474921&auth=c4401b9f6d23adf8b003122d582fbc4bdc704144",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=522510615&auth=5dd3844f357526b234f6a30ea4bd60b91f300bc0",
          },
          {
            title: "\u6211\u7684\u4e00\u4e2a\u9053\u59d1\u670b\u53cb",
            author: "\u53cc\u7b19",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1367452194&auth=be51f6b0355e7f13f8f5ea7aa8c27fd62b3864e5",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164096961308&auth=f1af8449d185a5c6e9a95719f58566c4ceb1daed",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1367452194&auth=fa076a790e08535eaf3c71ea093a30e7d76d41a8",
          },
          {
            title: "\u5927\u9c7c\u00a0\u00a0\uff08Cover \u5468\u6df1\uff09",
            author: "\u53cc\u7b19",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=416385506&auth=6ba5bc9d03871c93a52825adafec6dbd9c86935d",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=17918740998018339&auth=9f79ce77d16a28766d9fc55b8ff9d40736b7e841",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=416385506&auth=0d17f799e8753eb64e021765d35e34da4d9af3f3",
          },
          {
            title:
              "\u971c\u96ea\u5343\u5e74\uff08Cover \u6d1b\u5929\u4f9d / \u4e50\u6b63\u7eeb\uff09",
            author: "\u53cc\u7b19 / \u5c01\u8317\u56e7\u83cc",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=409650851&auth=670070aad260d6f20229a407f02bb57abdabc631",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=18198016951567518&auth=2af148fde60cbad16a7261cb10782d27f7f7ffd7",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=409650851&auth=f92d8d96518d6e18588f91b150fc0e477a0b93af",
          },
          {
            title:
              "\u4e91\u70df\u6210\u96e8\uff08\u7ffb\u81ea \u623f\u4e1c\u7684\u732b\uff09 ",
            author: "\u5468\u73a5",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=542060897&auth=1ca00d6746c39110f24c44a223711521cbb4da1b",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163167429196&auth=fa399d1e7bd799da6f1dd91505cf8bc47b4bb27c",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=542060897&auth=f49dac2fcff5a31feecf87828f34e9df116e9b57",
          },
          {
            title: "\u60c5\u6df1\u6df1\u96e8\u6fdb\u6fdb",
            author: "\u6768\u80d6\u96e8",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1367368790&auth=aaf7b60a711db3801bbfc1648994b8c58ad36eed",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164096171163&auth=e8e42091cdb9fadb6b7cccc56ee7e40e862447e2",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1367368790&auth=11bb8e2ebb23d7796b3501f13c08b751cb55e20e",
          },
          {
            title: "Five Hundred Miles",
            author: "Justin Timberlake / Carey Mulligan / Stark Sands",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=27759600&auth=c7274087fee46b0754066ec5ee46a906ddd9b7c4",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=2536573326765583&auth=05b3f2fbfad5a1e10fc1ece1196251733d2e14c7",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=27759600&auth=ba72be46ef9c823b4af69ce52a2f833d63408903",
          },
          {
            title: "\u6591\u9a6c\u6591\u9a6c",
            author: "\u623f\u4e1c\u7684\u732b",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=30814948&auth=0b8e7ceeaa12cd1edc6e3344dcbbecb6c69189bc",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=7880199836658654&auth=79bf71688ae8cdda28d16f3fcd1bbe034a6b13a6",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=30814948&auth=fdac42cecc5f60de5db916684bdd070629ecedd7",
          },
          {
            title: "See You Again",
            author: "Wiz Khalifa / Charlie Puth",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=30953009&auth=e45d0523c770373b5a47caf9cd09d88d7ddaf6fc",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=7731765766799133&auth=ed61f3e551a8e274b8f1b5ad951550dce01f8c28",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=30953009&auth=9769e0fb8e2cd51ec464ce8c2012bc3f29950fb6",
          },
          {
            title: "Faded",
            author: "Alan Walker / Iselin Solheim",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=36990266&auth=64d0b3760ec60ddb3bef332a1bc71667fc78966a",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=18277181788626198&auth=96883d51f6ba742d5a155d7ce52983adfb9aac12",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=36990266&auth=a71e7171be4d9fd26f36f32e36de1ae4023f4579",
          },
          {
            title: "Natural",
            author: "J.Fla",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1326987219&auth=43c0e255a3dc2dd750e04dc63f9d59b695e73035",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163677864247&auth=749e4dfa79b39bf3a0331d4d76aa49584c5171cc",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1326987219&auth=ab8413f21b6ce0d6392d15df20cb4408dcd7ba43",
          },
          {
            title: "New Soul",
            author: "Vox Angeli",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=19711382&auth=b4dbd2fef5ddca3882d63e106668f1458383c06c",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163456858530&auth=37143447572ae66ce7875c10d5f1d5d53f5f1479",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=19711382&auth=0475d9057459b57e33a192a4182bba6c435e7f9a",
          },
          {
            title:
              "\u30cf\u30ec\u30cf\u30ec\u30e4\uff08\u6717\u6717\u6674\u5929\uff09\uff08\u7ffb\u81ea v flower\uff09 ",
            author: "\u732b\u747e",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1365914380&auth=deaddafd4f20ffdd6a8786892ce12ef44e61f377",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164080199565&auth=1086f5a3af66381aeebc6cab28e782144f8f1828",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1365914380&auth=e308e67a0901fea4f6a5a7685f6147d7f15b782b",
          },
          {
            title: "\u50cf\u9c7c",
            author: "\u738b\u8d30\u6d6a",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1331819951&auth=f8910f58b9364a51af4ef789f6a2ff2c3d1d6761",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163720047382&auth=b5ea6e530b1cadb831c765ca7b81013a700263a0",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1331819951&auth=09e050cef44d1b9bb109ff5b17b20fff281f31e6",
          },
          {
            title: "Bye Bye Bye",
            author: "Lovestoned",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=4164331&auth=037d15f79454f721ac414a91291d5cb0b3045b0c",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=1695446930044953&auth=95abe2348402b17027007876df8337f393a3dfc7",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=4164331&auth=2461da9c73d3747860dc41ccec26990fabb783e3",
          },
          {
            title: "Blame You",
            author: "\u7720 / Lopu$",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=502837906&auth=d05b6591e41a7c30b8cc73e99752a61d54135528",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163015593837&auth=cd05366ff7e3cc9900223fdf8333f306faddeca1",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=502837906&auth=f410bd19c3f6a3b7ca3039897552079e98750a31",
          },
          {
            title: "Believer",
            author: "J.Fla",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1296706522&auth=911fcaa3a11d1b5c2899ca6af35cde7f0432de85",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163427351615&auth=53be77f9a3e6c0a1aeb97f809b00745e3fbcb9dc",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1296706522&auth=dc721a542fab3cfda4dd4d943e812c01f29fd2bc",
          },
          {
            title: "\u4e66\u4fe1",
            author: "\u6234\u7fbd\u5f64",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=519053549&auth=60378a6a695431047bc703a5be0b41e901dda74b",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163063211107&auth=ec753a040a4e0844c2a3b1e949743e522bba0247",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=519053549&auth=31eb31044f58a1d63bebd7fd11446eca295abb80",
          },
          {
            title: "\u67f4 \u9c7c \u306e c a l l i n g\u3010\u5df2\u552e\u3011",
            author: "\u5e78\u5b50\u5c0f\u59d0\u62dc\u6258\u4e86",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=494064179&auth=580f89c81aa894902026ad494d0a5b4476d5fe84",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163269801605&auth=79e7ad4bcdfa496dba69ff436daf03605b7bf8f3",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=494064179&auth=0183df08968125634e87788cc56a1313ef957db5",
          },
          {
            title:
              "\u591c\u7a7a\u4e2d\u6700\u4eae\u7684\u661f\uff08\u7ffb\u81ea \u9003\u8dd1\u8ba1\u5212\uff09 ",
            author: "\u6234\u7fbd\u5f64",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=519410360&auth=d42e886dfa7153728966e2ba916f74d969b777cd",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163063577915&auth=03744d420ab12e4a0512adf00bdb58b649fcdb35",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=519410360&auth=a182077bee7528d3e048bdc228a175cab9faa307",
          },
          {
            title:
              "\u6162\u6162\u559c\u6b22\u4f60 LIve\u7248\uff08\u7ffb\u81ea \u83ab\u6587\u851a\uff09 ",
            author: "\u6234\u7fbd\u5f64",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1373292498&auth=1052b72ffa3d3af70ce10ac0edcb74faf94ded61",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163063577915&auth=03744d420ab12e4a0512adf00bdb58b649fcdb35",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1373292498&auth=1727bd6d8f928a279fb9f2a362f605512b0e4a0f",
          },
          {
            title: "\u75c5\u53d8\uff08\u7ffb\u81ea cubi\uff09 ",
            author: "\u6234\u7fbd\u5f64",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=863502454&auth=624c7ec5215256a952cb7b782f8199b45dc2db60",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163381929004&auth=cee137a4f11deed3bb92944d397ec7d115146a89",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=863502454&auth=07a1709309d1e2e79268973eb946dbeaf07fa211",
          },
          {
            title: "\u90a3\u5973\u5b69\u5bf9\u6211\u8bf4 (\u5b8c\u6574\u7248)",
            author: "Uu",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1372796676&auth=0322f873d8e097597bd06f3abbdf412723101b6f",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164161042589&auth=1ddefc95bd8e1f6fe9cd12ab4495f81447c7d429",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1372796676&auth=582300eaeff94c7bc3f256a8f4569dd07f08016f",
          },
          {
            title: "\u7eff\u8272",
            author: "\u9648\u96ea\u51dd",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1345848098&auth=d0e2f0e66efe630cf373641b06a5f6196006316c",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163860425334&auth=1b30b22873a3ad98a28a56fc4b11e30327e35ff7",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1345848098&auth=765088205f756b1f086066654b784ebdc977d5f9",
          },
          {
            title:
              "\u6708\u7259\u6e7e LIve\u7248\uff08\u7ffb\u81ea F.I.R.\uff09 ",
            author: "\u6234\u7fbd\u5f64",
            url:
              "https://api.i-meto.com/meting/api?server=netease&type=url&id=1372312136&auth=2af580475fb56aef513635a5e3c6e6acc7961366",
            pic:
              "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951163063577915&auth=03744d420ab12e4a0512adf00bdb58b649fcdb35",
            lrc:
              "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=1372312136&auth=fc4b53dfeb734e67b84bb4dab6d3ff24c983f599",
          },
        ],
      };
    },
  methods: {
    addMusic() {
      this.$nextTick(function () {
        let data=[]
        this.list.map((value)=>{
          data.push({ 'name': value.title,'artist':value.author , 'url': value.url,'lrc':'','cover':value.pic,'lrcUrl':value.lrc})
        })
        ByMusic.$watch("current", (newVal) => {
          const item=ByMusic.list[newVal]
          if (!item.lrc) {
            this.axios.get(item.lrcUrl).then((response) => {
              ByMusic.list[newVal].lrc=response.data
              // console.log(response.data)
            })
          }
        });
        ByMusic.addMusic(data);
        ByMusic.jump(11)
        ByMusic.showMode("fixed", true);
       
        ByMusic.$watch("volume", (newVal) => {
          console.log(newVal);
        });
        console.log(ByMusic);
        //  ByMusic.addEventListener('jump',()=>{
        //    console.log('切换歌曲了')
        //  })
      });
    },
  },
  mounted() {
    this.addMusic();
  },
};
</script>
<style lang="stylus">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 60px;
}
#nav{
  a{
    margin:0 5px
  }
}
</style>
